<template>
  <div class="faq">
    <h1 class="title"> FAQ </h1>
    <ul>
      <li>
        <h2>1. When will I get my cashback after I placed order at meet50off?</h2>
        <h3>within 48 hours</h3>
      </li>

      <li>
        <h2>2. After 48 hours, still no cash back received?</h2>
        <h3>Please contact our customer service.  Email:  <span class="email">Support@meet50off.com</span></h3>
      </li>
      <li>
        <h2>3. How about if I can not find what I need at meet50off?</h2>
        <h3>If you need any other products please contact <span class="email">linkang.li@vesaas.com</span>. we will try our best to meet your requirements.</h3>
      </li>
      <li>
        <h2>4. Can I use one account to place multiple orders with the same product?</h2>
        <h3>No, one account can only purchase the same product once.</h3>
      </li>
    </ul>
  </div>
</template>

<script type="es6">
  export default {
    data() {
      return {}
    },
    watch: {},
    created() {

    },
    mounted() {
    },
    methods: {},
    components: {},
  }
</script>

<style scoped>
  .faq{
    width: 100%;
    margin:40px 0;
    min-height: 600px
  }
  h2{
    font-size: 20px;
    margin-bottom: 10px;
  }
  h3{
    font-size: 16px;
    line-height: 20px;
    color:rgb(117, 120, 123);
    padding-left: 20px;
  }
  h3 b{
    color: #000;
  }
  .faq .title{
    width: 100%;
    text-align: left;
    font-size: 30px;
    font-weight: bolder;
    margin-bottom: 40px;
  }
  li{
    margin-bottom: 30px;
  }
  .email{
    color: #2697d1;
  }
</style>
